<template>
  <flex
    align="center"
    class="ai-form-wrapper">
    <span class="ai-form-title">{{ title }}</span>
  </flex>
</template>

<script>

export default {
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  data () {
    return {}
  }
}
</script>

<style scoped>
.ai-form-wrapper {
  font-size: 16px;
  margin-top: 21px;
  margin-bottom: 14px;
  background-color: #FAFAFA;
}
.ai-form-title {
  position: relative;
  padding-left: 10px;
}
.ai-form-title::after {
  content: '';
  position: absolute;
  left: -10px;
  width: 4px;
  height: 100%;
  background-color: #357DFF;
  border-radius: 0px 1px 1px 0px;
}
</style>
